Postel’s Law波斯特法則

Be liberal in what you accept, and conservative in what you send.對外要包容，對己要謹慎。

Takeaways 要點

1. 要以理解和包容的態度對待使用者的各種操作和輸入。

2. 做好介面設計時，要考慮到使用者各種可能的使用方式，確保系統穩定且容易使用。

3. 設計中能提前預想到和計劃到的情況越多，設計的韌性就越強。

4. 要接受使用者不同的輸入方式，合理處理這些輸入，設定清晰的使用規則，並給使用者明確的反饋。

Origins 起源

喬恩·波斯特爾是美國電腦科學家，他對網際網路基礎協議做出了重要貢獻，特別是幫助開發了早期的TCP協議，為網路資料傳輸打下了基礎。

他在TCP規範中提出了"穩健性原則"："對自己要嚴格，對他人要寬容。"這意味著傳送資料的程式應該嚴格按照規則來做，而接收資料的程式應該能夠處理那些不完全符合規則但意思清楚的資料。

這個原則最初應用於網路工程中，確保了早期網際網路各個節點之間能夠可靠通訊。後來這個理念擴充套件到了軟體開發，比如HTML和CSS的設計：即使網頁程式碼有錯誤，瀏覽器也會盡量顯示頁面內容。

波斯特爾法則也適用於使用者體驗設計。因為人們使用產品時不總是專心或按邏輯操作，設計師必須預想各種使用者行為而不是假設使用者會按照預期使用產品。好的設計應該能夠幫助人類和計算機更好地溝通。

Examples 示例

表單是使用者提供資訊和系統獲取資訊的主要媒介，設計原則：

"保守"只要求必要資訊，減少欄位以避免認知負擔和決策疲勞。

考慮"包容性",接受不同文化的姓名格式和順序（如西方先名後姓，亞洲先姓後名）；避免嚴格的格式限制；謹慎處理錯誤提示。

Apple的Face ID透過面部識別解鎖手機，免去輸入密碼，體現了輸入上的"寬鬆"原則。

響應式設計 Responsive Design

響應式設計在後桌面時代已無處不在。隨著聯網裝置增多，內容需適應各種螢幕尺寸的需求日益增長。

2010年，Ethan Marcotte提出"響應式網頁設計"概念，基於"流式網格、靈活圖片和媒體查詢"，使網站內容能根據顯示環境自動調整。這打破了為桌面端和移動端分別建立網站的傳統做法，讓設計師擁抱網頁的流動性本質。CSS技術進步使設計師能定義內容如何適應各種裝置，從手錶到電視。響應式設計現已成為網頁標準，體現了波斯特爾法則：接受多樣輸入（不同裝置、螢幕、解析度），同時提供可靠適配的輸出。

漸進增強Progressive Enhancement

漸進增強是一種網頁設計方法，先構建基礎功能，再逐步新增美觀和互動效果。2003年由Steve Champeon和Nick Finck在SXSW大會提出，確保所有使用者無論使用何種瀏覽器、裝置或網速，都能訪問核心內容。

系統會根據使用者裝置和網速自動增加樣式和互動，提升體驗但不影響基本功能。這與先為高階裝置設計的"優雅降級"方法不同。

漸進增強的兩大優點：接受各種條件，適應各種瀏覽器、裝置和網速。穩定輸出內容，保證基本功能總是可用，在條件允許時才增加額外功能。

基礎搜尋框人人可用，但在支援語音識別的裝置上會顯示麥克風按鈕，擴充套件輸入方式同時保證基本功能。

使用者訪談 User Interviews

波斯特爾法則讓技術更人性化。優秀使用者體驗設計基於對使用者行為的真實理解。使用者訪談是獲取直接反饋的有效方式，透過一對一交流了解產品使用情況，收集關於內容、記憶點、核心功能和改進建議的資訊。訪談可在設計前、研究過程中或測試後進行。

1 明確訪談目標 Define the goal of the interview

訪談前要先確定清楚的目標，重點關注使用者的行為和想法。例如：

• 不好的目標："瞭解更多使用者資訊" - 太籠統，難以執行

• 好的目標："瞭解醫生如何與同事分享病歷，以及他們遇到的問題和機會" - 更具體，容易獲得有用發現

2 準備問題指南 Prepare your discussion guide

事先準備好問題清單，但保持靈活。根據使用者的回答及時調整，這樣可能會發現意外的有價值資訊。

3 建立訪談信任感 Build rapport with the interviewee

讓使用者感到放鬆很重要。開始時聊聊他們的基本情況，並強調沒有對錯之分。這樣使用者會更願意分享真實想法。

4 避免引導性問題 Avoid leading questions

在使用者訪談中，避免那些只能回答"是"或"否"的問題，也不要問太籠統的問題，這些都很難得到有用的資訊。你的目標是讓使用者提供詳細、客觀的回答。最好問開放式問題，比如用"什麼""怎麼做""什麼時候"開頭，或者直接說"請告訴我關於某事的情況"。

設計韌性 Design Resiliency

1 國際化（Internationalization）不同語言文字長度變化顯著：

• 英語較緊湊，翻譯成義大利語時可增長300%

• 排版方向各異：有右到左或垂直書寫的語言

設計時考慮這些差異可建立適應不同文字特性的穩健介面。

2 字型大小（Font Size）

使用者能在移動端和瀏覽器中調整預設字型大小來提高可訪問性。但若設計未考慮字型變大情況，可能導致佈局混亂。亞馬遜導航設計應對字型變化得當：字型變大時，它會按重要性重組導航連結並去除次要連結，保持佈局清晰易用。

Limitations in placeholder data and how to overcome them 佔位資料的隱患與應對

1. 文字長度問題

設計師常常用簡短的文字做測試，但實際使用時文字往往會更長。比如一個按鈕，測試時寫"設定"，實際使用時可能要寫"應用程式偏好設定"，這樣就會把介面弄亂。所以我們應該一開始就用較長的文字來測試，及早發現問題。

2. 圖片適配問題

使用者上傳的頭像或圖片可能會有各種問題：尺寸不對、使用公司標誌而不是照片、帶有多餘的邊框等。設計時要提前考慮這些特殊情況，讓系統能更好地處理它們。

3. 內容數量變化

實際使用時，內容的數量會有很大變化。比如標籤可能有3個，也可能有25個；表格裡的文字有長有短。如果設計時沒想到這些情況，頁面很容易變得混亂。

4. 後期新增新內容

網站上線前可能需要加入新的功能，比如客服選單或廣告。如果一開始沒留出位置，整個佈局就會亂掉。最好的方法是在設計開始時就把所有可能需要的內容列出來，按重要性排序。

5. 螢幕大小問題

設計時要考慮不同裝置的螢幕大小。手機上的設計放到電腦上可能會被拉得很寬，電腦上的設計放到手機上可能會擠在一起。解決辦法是做自適應設計，讓頁面能根據螢幕大小自動調整。